//引入当前 页面的less
require("../less/register.less");
// 引入验证码的插件
const CaptchaMini = require("../lib/captcha/captcha-mini");

//文档加载完毕
document.ready(function () {
    let code = "";//验证码
    /*不传值，统一走默认值*/
    let captcha1 = new CaptchaMini({
        // lineNum: 100,       //线条数量
        // dotNum: 250,       //点的数量
        length: 3
    });
    captcha1.draw(document.querySelector('#captcha1'), r => {
        console.log('验证码:', r);
        code = r;
    });


    // 获取dom

    let phoneInp = document.querySelector("#phoneInp"); //手机号码 
    let codeInp = document.querySelector("#codeInp"); //验证码
    let passwordInp = document.querySelector("#passwordInp"); //密码 
    let rePasswordInp = document.querySelector("#rePasswordInp"); //确认密码 
    let submitBtn = document.querySelector("#submitBtn"); //提交

    /* 提交按钮的事件  */
    submitBtn.addEventListener("click", function () {
        //取值
        let phoneInpVal = phoneInp.value;//手机号码
        console.log(phoneInpVal) 
        let codeInpVal = codeInp.value;//验证码
        console.log(codeInpVal);
        let passwordInpVal = passwordInp.value;//密码 
        let rePasswordInpVal = rePasswordInp.value;//确认密码
        //验证 
        if (!window.$utils.isphoneNum(phoneInpVal)) {
            // msg.textContent = "请输入正确的手机号码"
            window.$utils.showToast("zp-close", "请输入正确的手机号码")
        } else if (codeInpVal !== code.toLowerCase()) {
            // msg.textContent = "请输入正确的验证码"
            window.$utils.showToast("zp-close", "请输入正确的验证码(小写)")
        } else if (!window.$utils.passwordTest(passwordInpVal)) {
            // msg.textContent = "请输入正确的密码"
            window.$utils.showToast("zp-close", "以字母开头的6-12的字母数字和下划线")

        } else if (passwordInpVal !== rePasswordInpVal) {
            // msg.textContent = "两次密码不一致"
            window.$utils.showToast("zp-close", "两次密码不一致")

        } else {

            axios.post(window.$utils.BASE_URL + "/users/add", {
                "account": phoneInpVal,
                "password": passwordInpVal
            })
                .then(function (res) {
                    let rst = res.data;//服务器返回的数据是放在data对象中的
                    if (rst.status === 1) {
                        //注册成功
                        //成功的提示信息
                        window.$utils.showToast("#zp-good", "注册成功")
                        window.setTimeout(() => {
                            //页面跳转
                            window.location.href = "./login.html";
                        }, 3000)

                    } else if (rst.status === 0) {
                        //注册失败
                        window.$utils.showToast("zp-close", "注册失败")
                    }
                })
                .catch(function (error) {
                    console.log(error);
                })
        }


    })
})